.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  padding: 20px;
  overflow: hidden;
  background-color: var(--p-color);

  :global {
    .ant-tabs-content {
      height: 100%;
    }
    .ant-form-item .ant-form-item-label > label {
      color: #fff !important ;
      font-size: 28px !important;
      span {
        color: #fff !important;
        font-size: 28px !important;
      }
    }
    .ant-radio-wrapper .ant-radio {
      color: #fff !important;
      font-size: 28px !important;
      span {
        color: #fff !important;
        font-size: 28px !important;
      }
    }
    .ant-radio-wrapper span.ant-radio + * {
      color: #fff !important;
      font-size: 28px !important;
    }
    .ant-form-item-label {
      display: flex;
      align-items: center;
    }
  }
}

.cardContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  width: 100%;

  :global {
    .ant-card {
      width: 100%;
      height: 100%;
    }

    .ant-card-body {
      height: 100%;
    }
  }
}

.warnBtn {
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 400px;
  margin-bottom: 20px;
  color: #f6f6f6;
  font-weight: bold;
  font-size: 30px;
  background-color: red;
  border-radius: 50%;
  cursor: pointer;
}

.camera {
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  overflow: hidden;
  border: 5px solid rgb(183, 183, 183);
  border-radius: 50%;
}

.sickContainer {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.camerContainer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
}
